<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta charset="UTF-8" name = "viewport" content = "width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>最世界</title>
    
    
    <link rel="stylesheet" type="text/css" href="./css/world.css">
    <link rel="stylesheet" type="text/css" href="./css/swiper-3.4.1.min.css">
</head>
<body>
	<header>
           <p class="header_1p">
               <a href="" class="p_mudi">目的地</a>
               <a href="" class="p_jinnang">锦囊</a>
               <a href="" class="p_xingcheng">行程助手</a>
               <a href="" class="p_shequ">社区<span></span></a>
               <a href="" class="p_zuishijie">最世界·自由行</a>
               <a href="" class="p_jipiao">机票</a>
               <a href="" class="p_jiudian">酒店</a>
               <a href="" class="p_yuding">预订<span></span></a>
           </p>
           <p class="header_2p">
               <img src="img/ser.png">
               <img src="img/QQ.png">
               <img src="img/weibo.png">
               <img src="img/weixin.png">
               <a href="">注册</a>
               <a href="">登录</a>
           </p>
    </header>
    <div class="search_bar">
        <img src="img/index-logo.png" class="search_img1">
        <div class="sbar">
            <input type="text" class="sbar_1" placeholder="搜索国家、城市、产品">
            <span class = "shu"></span>
            <input type="submit" class="sbar_2" value="搜索">
        </div>
    </div>
    <ul class="nav">
        <li class="nav_1">首页</li>
        <li class="nav_2">机酒自由行</li>
        <li>城市玩乐</li>
        <li class="nav_1">签证</li>
        <li>租车自驾</li>
        <li class="nav_1">游轮</li>
        <li>海岛游</li>
        <li>限时特卖</li>
        <li>特色线路</li>
        <li><a href = "/CityWalk">CityWalk</a></li>
    </ul>
    <div class="lunbo">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner_1.jpg"></div>
                <div class="swiper-slide"><img src="img/banner_2.jpg"></div>
            </div>
            <div class="swiper-pagination"></div>
            <ul class="lb_nav">
                <script type="text/html" id="lbNav">
                    <%for(var i=0;i<data.length;i++){%>
                        <li>
                            <span class="lb_nav_0">&#xec31;</span>
                            <div>
                                <h2><%=data[i].title%></h2>
                                <p>
                                    <%for(var n = 0;n<data[i].mainCity.length;n++){%>
                                        <a href=""><%=data[i].mainCity[n]%></a>
                                    <%}%>
                                </p>
                            </div>
                            <span class="lb_nav_1">&#xe600;</span>
                        </li>
                    <%}%>
                </script>
            </ul>
            <div class="area_info info1">
                <script type="text/html" id="area1">
                    <%for(var i=0;i<data[0].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[0].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[0].moreCity[i].items.length;k++){%>
                                    <a><%=data[0].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[0].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info2">
                <script type="text/html" id="area2">
                    <%for(var i=0;i<data[1].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[1].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[1].moreCity[i].items.length;k++){%>
                                    <a><%=data[1].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[1].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info3">
                <script type="text/html" id="area3">
                    <%for(var i=0;i<data[2].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[2].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[2].moreCity[i].items.length;k++){%>
                                    <a><%=data[2].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[2].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info4">
                <script type="text/html" id="area4">
                    <%for(var i=0;i<data[3].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[3].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[3].moreCity[i].items.length;k++){%>
                                    <a><%=data[3].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[3].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info5">
                <script type="text/html" id="area5">
                    <%for(var i=0;i<data[4].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[4].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[4].moreCity[i].items.length;k++){%>
                                    <a><%=data[4].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[4].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info6">
                <script type="text/html" id="area6">
                    <h2><%=data[5].title%></h2>
                    <%for(var i=0;i<data[5].moreCity.length;i++){%>
                        <%for(var k=0;k<data[5].moreCity[i].items.length;k++){%>
                            <img src=<%=data[5].moreCity[i].items[k]%>>
                        <%}%>
                    <%}%>
                    <img src=<%=data[5].moreCityImg%>>
                </script>
            </div>
            <div class="area_info info7">
               <script type="text/html" id="area7">
                    <%for(var i=0;i<data[6].moreCity.length;i++){%>
                        <div>
                            <h2><%=data[6].moreCity[i].cityName%></h2>
                            <div>
                                <%for(var k=0;k<data[6].moreCity[i].items.length;k++){%>
                                    <a><%=data[6].moreCity[i].items[k]%></a>
                                <%}%>
                            </div>
                        </div>
                    <%}%>
                    <img src=<%=data[6].moreCityImg%>>
               </script> 
            </div>                 
        </div>
    </div>
    <ul class="four_img">
        <li><img src="img/four_1.jpg"></li>
        <li><img src="img/four_2.jpg"></li>
        <li><img src="img/four_3.jpg"></li>
        <li><img src="img/four_4.jpg"></li>
    </ul>
    <div class="plane_walk">
        <div class="pw_nav">
            <h2>机酒自由行</h2>
            <p>精选全球最优质机票、酒店、邮轮等旅行产品</p>
            <ul class="pro_nav">
                <li>今日热卖</li>
                <li>新品特惠</li>
                <li>闪购</li>
                <li>假期出行</li>
                <li>超值机票</li>
                <li>热门海岛</li>
                <li>低价甩尾</li>
            </ul>
            <ul class="pro_info">
                <script type="text/html" id="proInfo">
                    <li class="pro_info_li pro_info_one">
                        <dl>
                            <dt>
                                <img src="<%=data[0].data[0].imgUrl%>">
                            </dt>
                            <dd>
                                <h3><%=data[0].data[0].title%></h3>
                                <p><%=data[0].data[0].time%></p>
                            </dd>
                        </dl>
                        <div class="info_price">
                            <span>机+酒</span>
                            <span>
                                <em><%=data[0].data[0].price%></em>
                            元起
                            </span>
                        </div>
                    </li>
                    <%for(var i=1;i<data[0].data.length;i++){%>
                        <li class="pro_info_li">
                            <dl>
                                <dt>
                                    <img src="<%=data[0].data[i].imgUrl%>">
                                </dt>
                                <dd><%=data[0].data[i].title%></dd>
                            </dl>
                            <div class="info_price">
                                <span>机+酒</span>
                                <span>
                                    <em><%=data[0].data[i].price%></em>
                            元起
                                </span>
                            </div>
                        </li>
                    <%}%>
                    <li class="pro_info_li pro_info_seven">
                        <p>查看更多</p>
                        <p>机酒自由行产品</p>
                        <p class="info_right">&#xe600;</p>
                        <p>
                            <a href="">机票</a>
                            <a href="">酒店</a>
                            <a href="">机+酒</a>
                            <a href="">游轮</a>
                        </p>
                    </li>
                </script>
                
            </ul>
        </div>
    </div>
    <footer>
        <div class="inner_footer">
            <div class="footer_1">
                <div class="footer_1_1">
                    <img src="img/foot-logo.png">
                    <p>
                        最世界·自由行——从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡，让我们带你探索这个世界
                    </p>
                </div>
                <div class="footer_view">
                    <a>关注我们</a>
                    <span class="footer_span">
                       <img src="img/phone.png"> 
                    </span>
                    <span class="footer_span">
                        <img src="img/wx.png">
                    </span>
                    <span class="footer_span">
                          <img src="img/wb.png">
                    </span>
                    <span class="footer_span">
                          <img src="img/mail.png">
                    </span>
                </div>
            </div>
            <div class="footer_1_2">
                <p class="footer_one">
                    <a href="">关于最世界·自由行</a>
                    <a href="">服务与隐私</a>
                    <a href="">联系我们</a>
                    <a href="">旅游度假资质</a>
                    <a href="">营业执照</a>
                    <a href="">投诉建议</a>
                </p>
                <p class="footer_two">
                    2004-2017 © 穷游网™ qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010502023470 京ICP证140673号
                </p>
                <p class="footer_three">
                    友情链接:
                    <a href="">美术教育</a>
                    <a href="">美国旅游</a>
                    <a href="">房屋租赁</a>
                    <a href="">旅行工具</a>
                    <a href="">玫瑰车网</a>
                </p>
            </div>
        </div>
    </footer>
</body>
<script type="text/javascript" src="js/swiper-3.4.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="./js/baiduTemplate.js"></script>
<script type="text/javascript" src="./js/jquery-1.11.2.js"></script>
<script type="text/javascript" src="./js/zworld.js"></script>
</html>